<!DOCTYPE html>
<html lang="en">
<head>
    <title>悦用工资条</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<#-- 支持移动端设备自适应 -->
    <meta name="viewport" content="width=device-width, initial">
    <style>
        *{
            margin: 0;
            padding: 0;
        }

        ul{
            list-style: none;
        }

        ul>li{
            /* float: left; */
            /* width: 120px; */
            height: 40px;
            line-height: 40px;
            text-indent: 5%;
        }

        .cur-list a{
            display: block;
            height: 40px;
            text-decoration: none;
            color: #ffffff;
            background-color: #6633FF;
        }

        .cur-list a:hover{
            background-color: #6699FF;
        }
    </style>
</head>

<body>
<input type="hidden" name="openid" value="${userEntity.openid?if_exists}" />

<div class="table"
     style="position: relative; width:450px;border: 10px solid  #F6F6FC;border-radius: 8px;margin-top:12px;">
    <div
            style="display: flex ;justify-content: space-between;    margin-left: 20px;margin-top:20px;margin-right: 20px;">
        <div style="font-size: 22px; color:#6633FF"> 历史工资信息列表:</div>
    </div>
    <br>
    <br>
    <div class="cur-list">
        <ul class="list-box">
            <#list saleryHrefList as data>
                <li class="">
                    <a href="${data.url?if_exists}">${data.salaryMonthName?if_exists}</a>
                </li>
                <hr>
            </#list>
        </ul>
        <!---->
    </div>
</div>

</body>
</html>